﻿/*
*
*  Вывод окон модальных диалогов на базе слоев
*
*
*   HTML должен содержать вот такую конструкцию:
*
*    <div id="modal-face">
*      <div id="modal-hide">close</div>
*      <div id="modal-content"> Содержимое </div>
*    </div>
*
*
*    Пример инициализации:
*    
*    <script type="text/javascript">
*    $(document).ready(function() {
*      InitDialog();    
*      });
*    </script>
*/


/*
    Задает новые размеры модального диалога
*/
function SetDialogSize(new_width, new_height){
  if(new_width!=undefined){
    $('#modal-face').width(new_width);
  }
  if(new_height!=undefined){
    $('#modal-face').height(new_height);
  }
}

/*
    Показывает модальный диалог в центре видимой области браузера
*/
function ShowDialog(){
  width=document.documentElement.clientWidth; // ширина  
  height=document.documentElement.clientHeight; // высота  
  full_height = $('BODY').height();
  sTop=((height/2)-($('#modal-face').height() / 2))+'px';
  sLeft=((width/2)-($('#modal-face').width() / 2))+'px';
  $('#modal-background').height(full_height).width(width).fadeTo("slow", 0.5);
  $('#modal-face')
    .css({top:sTop,left:sLeft})
    .fadeIn('8');
};  

/*
    Убирает модальный диалог   
*/
function HideDialog(){
  $('#modal-face').fadeOut('8');
  $('#modal-background')
    .fadeTo("slow", 0, function(){
      $('#modal-background').css('display','none');
    });
}; 

/*
    инициализация
*/
function InitDialog(){
  $('#modal-hide').click(HideDialog)
  $('#modal-show').click(ShowDialog);
  $('BODY').append('<div id="modal-background"></div>');
}